<!-- 提款申请-->
<template>
  <view class="content">
	  <view class="money-box">
		  <view class="orderForm-box">
				<view class="orderForm-tile">
					<view>订单信息</view>
					<text @tap="financingOrder">选择融资订单 <uni-icons class="orderForm-right" type="right" size="16"></uni-icons></text>
				</view>
				<view class="exh-records-table">
					<view class="exh-records-thead">
						<view class="exh-records-th text-l w40">
							<view>订单编号</view>
						</view>
						<view class="exh-records-th text-l w40">
							<view>金额</view>
						</view>
						<view class="exh-records-th text-l w40">
							<view>过账日期</view>
						</view>
					</view>
					<view class="exh-records-tr-box" v-for="tr in tableList" :key="tr.id">
						<view class="exh-records-tr">
							<view class="exh-records-td text-l w40">
								{{tr.code}}
							</view>
							<view class="exh-records-td text-l w40" @tap="toDetail(tr)">
								<view class="text-over-hide">{{tr.money}}</view>
							</view>
							<view class="exh-records-td text-l w40" @tap="toDetail(tr)">
								<view class="text-over-hide">{{tr.date}}</view>
							</view>
						</view>
					</view>
				</view>
		  </view>
	  	<view class="money-img">
	  		<view class="money-tile">融资信息</view>
	  		<view class="repayment-box">
				<text class="repayment-money">¥</text>
				<input class="repayment-input" v-model="from.operatorCertificate" type="text" placeholder="请输入" />
				<text class="repayment-all">全部</text>
	  		</view>
			<view class="repayment-tallest">最高可申请金额<text> 21112 </text>元</view>
	  	</view>
	  </view>
    <view class="list">
		  <view class="list-call">
			<text class="sl-tile">借款时长</text>
			<text class="sl-input">365天</text>
		  </view>
		  <view class="list-call">
			<text class="sl-tile">年利率%</text>
			<text class="sl-input">3%</text>
		  </view>
		  <view class="list-call">
			<text class="sl-tile">预计利息</text>
			<text class="sl-input">¥1,000.00</text>
		  </view>
		  <view class="list-call">
			<text class="sl-tile">入账账户</text>
			<text class="sl-input">招商银行储蓄卡（6593）</text>
		  </view>
    </view>
	<view class="submit-box">
		<view class="submit-bottom" @tap="bindLogin">
			提交
		</view>
	</view>
  </view>
</template>

<script>
  var js;
  export default {
    onUnload() {
      clearInterval(js)
      this.second = 0;
    },
    data() {
      return {
		from: {
		  operatorCertificate: '',
		  bankName: '',
		  openingBank: '',
		  bankAccount: '',
		},
		tableList: [{
				code: '12111',
				date: '2024-06-22',
				money: '2000',
			},
			{
				code: '122111',
				date: '2024-06-22',
				money: '2000'
			},
			{
				code: '9811',
				date: '2024-06-22',
				money: '2000'
			},
		]
      };
    },
	mounted() {

	},
	onShow() {
	
	},
    methods: {
		bindLogin() {
			uni.showModal({
		    title: '提示',
		    content: '确认资料填写无误!',
		    showCancel: true,
		    cancelText: '取消',
		    confirmText: '确认',
		    success: function (res) {
		      if (res.confirm) {
				  uni.redirectTo({
					url: '/pages/clt/withdrawalAgreement'
				  });
		      } else if (res.cancel) {
		        console.log('用户点击取消');
		      }
		    }
		  });
		},
		financingOrder() {
			uni.redirectTo({
					url: '/pages/clt/chooseFinanceOrder'
			});
		}
    }
  }
</script>

<style>
  .content {
    display: flex;
    flex-direction: column;
	height: 100%;
	padding-left: 25rpx;
	padding-right: 25rpx;
  }
  
  .list {
    display: flex;
    flex-direction: column;
	background: #ffffff;
	padding-left: 25rpx;
	padding-right: 25rpx;
  }
  .list-call {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 98rpx;
    color: #333333;
    border-bottom: 0.1rpx solid #e2e2e2;
  }
  .repayment-box{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 111rpx;
    color: #333333;
	width: 91%;
    border-bottom: 0.1rpx solid rgba(100,45,19,1);
  }
  .repayment-money{
	font-size: 61rpx;
	color: #000000!important;
	font-weight: 400;
  }
  .money-tile{
	font-size: 32rpx;
	color: #000000;
	line-height: 32rpx;
	font-weight: 600;
  }
  .repayment-input{
    flex: 1;
    text-align: left;
    font-size: 50rpx;
	color: #000000;
	font-weight: 400;
    margin-left: 16rpx;
  }
  .list-call .sl-input {
    flex: 1;
    text-align: right;
    font-size: 32rpx;
	color: #000000;
	font-weight: 400;
    margin-left: 16rpx;
  }
  .money-box{
	  display: flex;
	  flex-direction: column;
  }
  .money-img{
	  height: 335rpx;
	  background: #FFFFFF;
	  background-image: linear-gradient(132deg, #F3E2B3 0%, #ECD08E 100%);
	  display: flex;
	  flex-direction: column;
	  justify-content: space-around;
	  align-items: self-start;
  }
  .money-img view{
	  margin-top: 25rpx;
		margin-left: 25rpx;
  }
  .loaned{
	 font-size: 32px;
	 color: #15C000 !important;
	 letter-spacing: 0;
	 text-align: right;
	 font-weight: 600;
	}  
	.submit-box{
		position: fixed;
		bottom: 0; /* 固定在视口底部 */
		left: 0; /* 固定在视口左边 */
		height: 192rpx;
		width: 100%;
		background: #FFFFFF;
		box-shadow: 0rpx 7rpx 14rpx 0rpx rgba(60,92,170,0.06);
		display: flex;
		justify-content: center;
		align-items: center;
	} 
	 .submit-bottom{
		 height: 89rpx;
		 width: 670rpx;
		 line-height: 89rpx;
		background: #315EFB;
		border-radius: 49px;
		font-size: 32rpx;
		color: #FFFFFF;
		text-align: center;
		font-weight: 400;
	}
	.repayment-tallest{
		font-size: 30rpx;
		color: #999999;
		line-height: 42rpx;
		font-weight: 400;
		margin-bottom: 33rpx;
	}
	.repayment-tallest text{
		font-size: 30rpx;
		color: #315EFB;
		line-height: 42rpx;
		font-weight: 400;
	}
	.repayment-all{
		display: inline-block;
		height: 54rpx;
		width: 133rpx;
		background: #E5C992;
		border-radius: 27rpx;
		text-align: center;
		line-height: 54rpx;
		font-size: 30rpx;
		color: #333333;
		font-weight: 400;
	}
	.orderForm-box{
		height: 500rpx;
		background: #FFFFFF;
		border-radius: 16px;
		margin: 25rpx 0;
		overflow: hidden;
	}
	.orderForm-tile{
		height: 88rpx;
		background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, #BDD4FF 100%);
		border-radius: 16px 16px 0px 0px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0rpx 31rpx;
	}
	.orderForm-tile view{
		font-size: 32rpx;
		color: #000000;
		line-height: 32rpx;
		font-weight: 600;
	}
	.orderForm-tile text{
		font-size: 32rpx;
		color: #315EFB;
		line-height: 32rpx;
		font-weight: 400;
	}
	.orderForm-right{
		color: #315EFB!important;
	}
	.exh-records-table {
		margin: 24rpx;
		background-color: #fff;
		border-radius: 16rpx;
		padding: 0 45rpx 110rpx 20rpx;
		box-sizing: border-box;
	}
	
	.exh-records-thead {
		height: 80rpx;
		line-height: 80rpx;
		/* padding: 20rpx 0; */
		border-bottom: solid 1rpx #EFEFEF;
		display: flex;
		flex-direction: row;
		text-align: center;
	}

	.exh-records-tr-box {
		border-bottom: solid 1rpx #EFEFEF;
	}

	/* 
	.exh-records-tr-box:last-child {
		border: none;
	} */

	.exh-records-tr {
		height: 80rpx;
		line-height: 80rpx;
		display: flex;
		flex-direction: row;
		text-align: center;
	}


	.exh-records-th {
		font-family: PingFangSC-Regular;
		font-size: 24rpx;
		color: #999999;
		font-weight: 400;
	}

	.exh-records-td {
		font-family: PingFangSC-Regular;
		font-size: 24rpx;
		color: #333333;
		font-weight: 400;
		width: 100rpx;
	}

	.w40 {
		flex: 1
	}
</style>
